@charset "utf-8";
/* CSS Document */

/* TABLE OF CONTENTS ******************************************************/
/**************************************************************************/
/******* 1. HTML
/******* 2. GENERAL LAYOUT STYLES
/******* 3. HEADER STYLES
/******* 4. FOOTER STYLES
/******* 5. SLIDE MENU STYLES
/******* 6. 2 COL WIDGETS (full span)
/******* 7. CONTENT STYLES
/******* 8. SMALL "HIGHLIGHT" WIDGETS
/******* 9. 2 COL WIDGETS (full span)
/****** 10. SERIES TEMPLATE	
/****** 11. GRID TEMPLATE
/****** 12. DEPARTMENT TEMPLATE SPECIFIC STYLES
/****** 13. RECENT UPDATES BLOCK
/****** 14. 
/****** 15. 
/****** 16. 
/**************************************************************************/


/* HTML... ********************************************************/
/*************************************************************************/
body {
	height: 100%;
	background-color: #24292D;
	font-family: Arial, Helvetica, sans-serif;
	margin:0; padding:0;
	font-size: 12px;
}
p { margin:0; padding: 0 0 18px 0; }
a { text-decoration: none; color: #64A0C8; }
a:hover { text-decoration: underline; }
object, embed {
	margin:0; padding:0;
}
object {
	display:block;
}


/* GENERAL LAYOUT STYLES... *************************************/
/*************************************************************************/

#contentWrapWrap {
	background: #536068 url(gfx/bg_content_fade.jpg) repeat-x left top;
	
}
#contentWrap {
	width: 900px; margin: 0 auto; padding: 15px 0; 
	/*overflow:hidden;*/
}
#contentMid {
	width:900px;
	background: #24292D url(gfx/bg_widgetWrap_mid.jpg) repeat-y left bottom;
}
#contentTop {
	height:25px; width:900px; overflow:hidden; background: url(gfx/bg_widgetWrap_top.jpg) no-repeat left top;
}
#contentBtm {
	height:25px; width:900px; overflow:hidden; background: url(gfx/bg_widgetWrap_btm.jpg) no-repeat left bottom; display:block;
	margin: 0 auto 0 auto; 
}
#contentWrap .column1 {
	width:276px;
	float:left;
	display:inline;
	margin-left: 19px;
	background: url(gfx/bg_column1_mid.gif) repeat-y left top;
	color: #333333;
}
#contentWrap .column2 {
	width:571px;
	background: url(gfx/bg_column2_mid.gif) repeat-y left top;
	float:right;
	margin-right: 19px;
}

.col2Pad { padding: 10px; }
.col1Pad { padding: 0 10px; }


#column2Top {
	width:571px; height: 21px;
	overflow:hidden;
	display:block;
	background: url(gfx/bg_column2_top.jpg) no-repeat left top;
}
#column2Btm {
	width:571px; height: 21px;
	overflow:hidden;
	display:block;
	background: url(gfx/bg_column2_btm.jpg) no-repeat left bottom;
}
#column1Top {
	width:276px; height: 21px;
	overflow:hidden;
	display:block;
	background: url(gfx/bg_column1_top.jpg) no-repeat left top;
}
#column1Btm {
	width:276px; height: 21px;
	overflow:hidden;
	display:block;
	background: url(gfx/bg_column1_btm.jpg) no-repeat left bottom;
}


/* HEADER STYLES... *********************************************/
/*************************************************************************/
#headerWrap {
	background-color: #24292D;
	background: url(gfx/bg_header_fade.gif) repeat-x left bottom;
	
}
#header {
	width: 900px; margin: 0 auto; padding: 0;
}
#logo {
	overflow:hidden;
	display:block;
	float:left;
	display:inline;
	margin:0 0 0 5px;
	
}

#logoLink a {
	display:block;
}

.view-header p {
	color: #ffffff;
	padding-left: 20px;
	font-weight:bold;
	
}

/* FOOTER STYLES... *********************************************/
/*************************************************************************/

#footerWrap {
	background-color: #24292D;
	background: #24292D url(gfx/bg_footer_wrap.gif) repeat-x left top;
}
#footer { width: 900px; margin: 0 auto; padding: 20px 0 50px 0; color: #8F9EA7; font-size:11px !important;
	/*background: url(gfx/bg_footer.jpg) no-repeat left top;*/
}
#footerRight { float:right; text-align:right; padding-right: 5px; }
#footerLeft { float:left; padding-left:5px; }


#tabs-wrapper { margin: 0; padding: 10px; }
#footer a { color: #8F9EA7; text-decoration:none; }
#footer a:hover { text-decoration: underline; }


/* SLIDE MENU STYLES... *******************************************/
/*************************************************************************/

.menuWrap { width: 900px; margin: 0 auto; }
.aboutWrap { width: 900px; margin: 0 auto; padding-top: 25px; }

.aboutWrap p {
	line-height: 1.5em;
}

.ifxElement {
	/*background: #24292D url(gfx/bg_menu_fade.jpg) repeat-x left bottom;*/
	padding: 0;
	color: #D0D6D9;
	height: 150px;
	width:100%;
	top: -150px; left: 0px;
	overflow: hidden;
	position:absolute;
	clear:both;
	z-index:998;
}
#topicsElement {
	background: #48501D url(gfx/bg_topics_menu_fade.gif) repeat-x left bottom;
}
#departmentsElement {
	background: #254D67 url(gfx/bg_departments_menu_fade.gif) repeat-x left bottom;
}
#aboutElement {
	background: #611614 url(gfx/bg_about_menu_fade.gif) repeat-x left bottom;
}

.ifxElement .col1, .ifxElement .col2, .ifxElement .col3, .ifxElement .col4 {
	float:left;
	width: 213px;
	display:inline;
	overflow:hidden;
	padding-top: 10px;
}
.ifxElement .col2 { margin: 0 16px; }
.ifxElement .col3 { margin: 0 16px 0 0; }
.ifxElement ul {
	list-style-type:none;
	margin:0; padding: 10px 0 0 0 !important;
}
.ifxElement ul li {
	margin:0; padding:0;
	/*border-bottom: 1px solid #65737A;*/
}
.ifxElement ul li a {
	display:block;
	padding: 5px 2px 5px 16px;
	background: url(gfx/bg_bullet_arrows.gif) no-repeat left 9px;
	color: #D0D6D9; text-decoration:none;
}
.ifxElement ul li a:hover {
	color: #ffffff; text-decoration:underline;
}

.ifxElementButton {
	float:right;
	width: 132px;
	height: 30px;
	z-index:999;
	/*background: url(gfx/bg_categories_tab.gif) no-repeat left top;*/
	overflow:hidden;
	padding-top:7px;
	color: #97A2A8;
	text-indent: -999px;
	display:block;
	cursor: pointer;
	margin: -1px 0 0 0;
}
.ifxElementButton:hover { color: #ffffff; }

#aboutButton {
	background: url(gfx/bg_tab_about.gif) no-repeat left top;
	display:inline; margin-right: 10px;
}
#topicsButton {
	background: url(gfx/bg_tab_topics.gif) no-repeat left top;
}
#departmentsButton {
	background: url(gfx/bg_tab_departments.gif) no-repeat left top;
	display:inline; margin-right: 10px;
}

table#departmentsElementTable, table#topicsElementTable {
	border: none !important; 
	margin-top: 20px;
}
table#departmentsElementTable tr td, table#topicsElementTable tr td {
	padding: 0;
	width: 225px;
}
table#departmentsElementTable tr td a, table#topicsElementTable tr td a {
	display:block;
	padding: 4px 2px 4px 16px;
	background: url(gfx/bg_bullet_arrows.gif) no-repeat left 9px;
	color: #D0D6D9; text-decoration:none;
}
table#departmentsElementTable tr td a:hover, table#topicsElementTable tr td a:hover {
	text-decoration: underline;
}
table#departmentsElementTable tbody, table#topicsElementTable tbody {
	border: none !important;
}


#topicsElementTable {}

/* CONTENT STYLES... **********************************************/
/*************************************************************************/

.widgetMidGrid {
	background: #ffffff url(gfx/bg_widget_mid.gif) repeat-y left top;
	height: 145px; font-size:11px;
	overflow:hidden;
}
.widgetColLeft { 
	float:left;
	width: 90px;
}
.widgetColRight {
	float:right;
	width:160px;
}
.widgetColFull { 
	
}
.widgetMidGrid .widgetValue {
	font-size:50px;	color: #BD3632;	font-weight:bold;
	float:left;	margin:0 !important; padding:0 !important;	line-height:.8em;
}
.widgetValue a { color: #BD3632 !important;  text-decoration: none; }
.widgetUnit {
	font-size: 20px; color: #24292D; font-weight:bold;
	float:left; padding: 0 0 0 4px;
}
.widgetValueLarge {
	font-size:28px;	color: #BD3632;	font-weight:bold;
	float:left;	margin:0 !important; padding:0 !important;	line-height:.8em;
}
.widgetValueLarge a { color: #BD3632 !important;  text-decoration: none; }
.column2 h2 { 
	margin: 0; padding: 0 0 20px 0;
}
.column1 h2 { 
	margin:0 10px 0 0; padding: 0; font-size: 14px;
}


/* SMALL "HIGHLIGHT" WIDGETS... ***********************************/
/*************************************************************************/

.widget { margin: 0 !important;  }
.widget p { margin:0; padding: 0 0 10px 0; }
.widget h3 { font-size: 12px; font-weight:bold; margin:0; padding:5px 0 5px 0; }
.widget h2 { font-size: 15px; font-weight:bold; margin:0 !important; padding:5px 0 5px 0 !important; color: #24292D !important;}


.widgetTop {
	height: 20px; overflow:hidden;
	background: url(gfx/bg_widget_top.jpg) no-repeat left top;
}
.widgetMid {
	background: #ffffff url(gfx/bg_widget_mid.gif) repeat-y left top;
	height: 145px; font-size:11px;
	overflow:hidden;
}
.widgetMid .widgetMidPad { padding: 0 10px; }

/* Info bar */
.widgetInfoBar {
	background-color: #eeeeee;
	height: 32px;
	background: #eeeeee url(gfx/bg_widget_btm.jpg) no-repeat left top;
	overflow:hidden; font-size: 11px;
	text-transform: uppercase;
	display:block;
}
.widgetInfoBar a { color:#BD3632; text-decoration:none; }
.widgetInfoBar a:hover { text-decoration:underline; }
.widgetInfoBar p { margin: 0; padding: 7px 0 0 10px; }
.widgetInfoBar .updated {
	float: left; color: #666666;
	padding: 0 0 0 5px !important;
}
.widgetInfoBar .more {
	float: right;
	text-align: right;
	padding: 7px 14px 0 0 !important;
}
.widgetInfoBar .comments {
	float: right;
	text-align: right;
	padding: 8px 10px 0 0;
}

.widgetValue {
	font-size:70px;	color: #BD3632;	font-weight:bold;
	float:left;	margin:0 !important; padding:5px 0 0 0 !important;	line-height:.8em;
}
.widgetValue a { text-decoration: none; }
.widgetUnit {
	font-size: 20px; color: #24292D; font-weight:bold;
	float:left; padding: 0 0 0 4px;
}


.widgetMidPad ul, .full-widgetMidPad ul {
	list-style-type:none;
	margin:0;
	padding:0 10px 0 10px !important; font-size:12px;
}
.widgetMidPad ul li, .full-widgetMidPad ul li {
	margin:0; padding:0;
}
.widgetMidPad ul li a, .full-widgetMidPad ul li a{
	padding: 3px 0 3px 16px;
	background: url(gfx/bg_bullet_arrow_box.gif) no-repeat left 7px;
	margin:0;
	display:block;
	color: #64A0C8;
}


/* 2 COL WIDGETS (full span)... ***********************************/
/*************************************************************************/

.full-widget { margin: 0 !important; width: 571px; padding: 0 0 15px 0; }
.full-widget h3 { font-size: 12px; font-weight:bold; margin:0; padding:5px 0 5px 0; }
.full-widgetMid h2 { font-size: 14px; color: #333333 !important; }
.full-widgetTop {
	height: 21px; overflow:hidden;
	background: url(gfx/bg_column2_top.jpg) no-repeat left top;
}
.full-widgetMid {
	background: #ffffff url(gfx/bg_column2_mid.gif) repeat-y left top;
	font-size:11px;
	overflow:hidden;
}
.col2Pad .full-widgetMidGrid { background: none !important; }
.full-widgetMidGrid {
	background: #ffffff url(gfx/bg_column2_mid.gif) repeat-y left top;
	font-size:11px;
	overflow:hidden;
}

.full-widgetMidPad p { font-size: 12px; line-height: 1.4em; }
.full-widgetMidPad h3 { font-size: 15px; padding: 20px 0 10px 0; }
.full-widgetMidPad a { color: #64A0C8; }
.full-widgetMidPad img { float: right; }
.full-widgetMidPad { padding: 0 10px !important; }
.full-widgetBody { padding: 0 10px; }
.full-widgetBody p { font-size: 12px; line-height: 1.4em; }

.full-widgetInfoBar {
	background-color: #eeeeee;
	background: #ffffff url(gfx/bg_widget_full_btm.jpg) no-repeat left bottom;
	height:30px;
	overflow:hidden; font-size: 11px;
	text-transform: uppercase;
	display:block;
	margin: -1px 0 15px 0;
	padding: 2px 0 8px 0;
}
.full-widgetInfoBar a { color:#BD3632; text-decoration:none; }
.full-widgetInfoBar .more { padding: 7px 10px 0 0 !important; }
.full-widgetInfoBar a:hover { text-decoration:underline; }
.full-widgetInfoBar p { margin: 0; padding: 7px 0 0 10px; }
.full-widgetInfoBar .updated {
	float: left; color: #666666;
	padding: 0 0 0 0;
}
.full-widgetInfoBar .more {
	float: right;
	text-align: right;
	padding: 8px 10px 0 0;
}
.full-widgetValue {
	font-size:70px;	color: #BD3632;	font-weight:bold;
	float:left;	margin:0 !important; padding:0 !important;	line-height:.8em;
}
.full-widgetUnit {
	font-size: 20px; color: #24292D; font-weight:bold;
	float:left; padding: 0 0 0 4px;
}
.full-widgetMid .widgetColRight { width: 400px; }

/* Hides backgrounds & hacks the width so widget can sit inside contentWraps */
.col2Pad .full-widget, .col2Pad .full-widgetTop, .col2Pad .full-widgetMid, .col2Pad .full-widgetBtm, .col2Pad .full-widgetInfoBar  {
	background: none !important;
}
.col2Pad .full-widget { width: auto !important; }



/* SERIES TEMPLATE SPECIFIC STYLES... ****************************/
/*************************************************************************/
.links { padding:0 !important; color: #cccccc; margin: 0; }
ul.links  { margin: 0; padding: 20px 0 !important; }

.widget-links { float:right; padding:0 5px 0 0; margin:0; }


/* GRID TEMPLATE SPECIFIC STYLES... ******************************/
/*************************************************************************/

table.dashboard-gv-table  {
	margin: 0 10px 10px 10px;
	padding: 0;
	width: 550px;
}
table.dashboard-gv-table tr {

}
.dashboard-gv-table td {
	padding: 4px;
}
table.dashboard-gv-table th {
	padding: 6px 4px;
	border-bottom: 1px solid #666666;
	cursor: pointer;
}
tr.even { background-color: #ffffff; }
tr.odd { background-color: #eeeeee; }


/* DEPARTMENT TEMPLATE SPECIFIC STYLES... *************************/
/*************************************************************************/

#contentWrap .column2Alt {
	width:571px;
	background: none;
	float:right;
	margin-right: 19px;
}
.column2Alt h2 { margin: 0; padding: 0 0 20px 0; color: #ffffff; font-size: 17px; }

.panel-2col .panel-col-first {  /* first column */
	float:left; margin:0 13px 0 0; display:inline; width:276px;
}

.panel-2col .panel-col-last {  /* last column */
	float:left; width:276px; margin: 0 !important;
}


/* RECENT UPDATES BLOCK... ******************************************/
/*************************************************************************/
.column2Alt .view-content-dashboard-recent{ padding: 0 0 0 0 !important; }

.more-link { padding-right: 0px; }

.sidebar h2 { padding: 5px 0 0 0; }
.sidebar .block { padding: 10px 20px 10px 10px; }

.sidebar  ul {
	list-style-type: none;
	list-style-image: none;
	margin: 4px 0;
	padding: 0 0 0 5px!important;
	border-top: 1px solid #e3e3e3; 
}
.sidebar  ul li {
	list-style-type: none;
	list-style-image: none;
	margin:0; padding:0;
	border-bottom: 1px solid #e3e3e3;
}
.sidebar  ul li a {
	padding: 5px 5px 5px 16px;
	display:block;
	background: url(gfx/bg_bullet_arrows_sidebar.gif) no-repeat left 9px;
}
.sidebar  ul li a:hover {
	background-color: #eeeeee;
}

/* PANEL STYLES... *************************************************/
/*************************************************************************/

.panel-3col-33 .node { margin: 0 !important; padding: 0 !important; }
.panel-3col-33 .panel-col-first {  /* first column */
	float:left; margin:0 0 0 19px; display:inline; width:276px;
}
.panel-3col-33 .panel-col {  /* middle column */
	float:left;	margin: 0 17px;	width:276px;
}
.panel-3col-33 .panel-col-last {  /* last column */
	float:left; width:276px;
}

.panel-col-first, .panel-col-last { width: 276px !important; }

.panel-col-last div .node, .panel-col-first div .node, .panel-col div .node { margin:0 !important; padding:0 0 15px 0 !important; }

.panel-col-last div, .panel-col-first div, .panel-col div  {
	margin:0 !important; padding:0 !important; 
}
.panel-col-last div .node .widgetMidPad, .panel-col-first div .node .widgetMidPad, .panel-col div .node .widgetMidPad {
	margin:0 !important; padding:0 10px !important; 
}

.panel-2col { padding: 0; margin: 0; }




/*SIDEBAR STYLES... *********************************/
/*************************************************************************/

#sidebar-left {
	margin:0; padding:0;
	font-size: 11px;
	color: #666666;
}
.sidebar { margin:0; padding:10px; }
#sidebar-left ul { margin: 0; padding: 0 0 0 10px; }
#sidebar-left ul li {  }
#sidebar-left ul li a { color: #555555; }



/* MISC CLASSES... *********************************************/
/**********************************************************************/
.chartTeaser {
	display:block;
}
.chartTeaser object {
	background-color: #FFFFFF;
	
}

/* FEED ICON STYLES... */
.feed-icon {
	float:right;
	margin: -23px 19px 0 0;
	padding: 0;
	display:inline; 
}
#contentBtm .feed-icon {
	float:right;
	margin: 0 19px 0 0;
	padding: 0;
	display:inline; 
}
.column2Alt .feed-icon {
	margin: -22px 0 0 0 !important;
}
a.feed-icon { height: 12px; width: 12px; display:block; overflow:hidden; }

/* PAGINATION STYLES... */
.pager { color: #65737A; }
.pager a { color: #65737A; }
.pager a:hover { color: #ffffff; }

/* EVERYTHING ELSE... */
.clear { clear:both; overflow:hidden; height: 0; }

.red { color: #BD3632; }
.blue { color: #64A0C8; }
.green { color: #879637; }

.normalFont { font-size: 12px; padding: 0 0 0 10px !important; }

.tabs { font-size: 11px; }

.block-region { /*background: none;*/ }

.teaserIcon { float: left; padding: 5px 0 0 0; }

.block-user { padding-bottom: 15px; }
.block-user ul, .item-list ul { padding-top: 10px !important; }


.panel-col-top div { margin-left: 0 !important; margin-right: 0 !important; }

table#attachments { width: 100%; margin-bottom: 20px; }
table#attachments td {	padding: 4px; }

.view-content-dashboard-frontpage { /*padding-bottom: -15px;*/ }


.widgetValueWithIcon { font-size: 45px; font-weight:bold; float:left; padding: 0 !important; margin: 0 !important; line-height: 1em; }
.widgetValueWithIcon a { color: #BD3632; padding: 0 5px 0 0 !important; margin: 0 !important; }
.widgetValueWithIcon a:hover { text-decoration:none; }
.widgetUnitWithIcon { 
	font-size: 20px; color: #24292D; font-weight:bold;
	float:left; padding: 2px 0 0 4px !important;
}

.widgetValueLargeWithIcon { }
.widgetValueLargeWithIcon a {
	font-weight:bold;
	text-decoration: none;
	color: #BD3632 !important;
	font-size: 28px;
}

.expired .full-widgetMid, .expired .full-widgetMidGrid{
	background: url(gfx/bg_column2_mid_expired.gif) repeat left top !important;
}
.expired .widgetMid, .expired .widgetMidGrid {
	background: url(gfx/bg_widget_mid_expired.gif) repeat left top !important;
}

.messages { color: #BF362E; padding: 0 0 5px 0; }

/*.node-form { background-color: #ffffff; padding: 10px; }*/

/* HACKS ********************************************************/
/**********************************************************************/

.view-content-dashboard-frontpage { padding:0 !important; margin:0 !important; }

.panel-2col-stacked div > div {
	margin:0 !important;
}

.node-unpublished { display:none !important; }

#first-time {
	color: white;
	padding: 10px 30px;
}

/* COMMENTS ***************************************************/
/*********************************************************************/
#comment-controls {
	display:none !important;
}

#comments {	
	padding: 0;
	width: 565px;
	margin: 0 auto;
}
#comments h2 {
	margin: 0 0;
	padding: 20px 15px 15px 15px;
	color: #333333;
	background: #99A7AE url(gfx/bg_comments_top.jpg) no-repeat left top;
}
#comments .comment {
	padding: 0 15px;
	background: #99A7AE url(gfx/bg_comments_btm.jpg) no-repeat left bottom;
}
#comments .comment h3 {
    margin-top: 0px;
}
#comments a { color: #9F231D; }
